.product-window.on {

  display: none !important;
}

button {
  margin: 0;
  padding: 0;
  outline: none;
  border-radius: 0;
  background-color: transparent;
  line-height: inherit;
}

button::after {
  border: none;
}

.setUserInfo {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  bottom: 0;
  z-index: 100000 !important;
}

// .mask {
//   z-index: 200;
// }
.avatar-box {
  background: transparent;
}

.product-window {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  // top: 0;
  background-color: #fff;
  z-index: 1000;
  border-radius: 20rpx 20rpx 0 0;
  height: 700rpx;
  // transform: translate3d(0, 100%, 0);
  transition: all .3s cubic-bezier(.25, .5, .5, .9);
  padding: 38rpx 40rpx;
  padding-bottom: 80rpx;
  padding-bottom: calc(80rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
  padding-bottom: calc(80rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
  box-sizing: border-box;

  .icon-guanbi {
    position: absolute;
    top: 32rpx;
    right: 30rpx;
    font-size: 35rpx;
    font-weight: bold;
    color: #999;
    padding: 10rpx;
    z-index: 1100;
    width: 30rpx;
    height: 30rpx;
  }

  .mp-data {
    display: flex;
    align-items: center;
    margin-bottom: 30rpx;

    .mp-name {
      font-size: 28rpx;
      font-weight: bold;
      color: #000000;
    }

    image {
      width: 48rpx;
      height: 48rpx;
      border-radius: 50%;
      margin-right: 16rpx;
    }
  }

  .trip-msg {
    padding-bottom: 32rpx;
    border-bottom: 1px solid #F5F5F5;

    .title {
      font-size: 30rpx;
      font-weight: bold;
      color: #000;
      margin-bottom: 6rpx;
    }

    .trip {
      font-size: 26rpx;
      color: #777777;
    }
  }

  .edit {
    border-bottom: 1px solid #F5F5F5;

    .avatar {
      border-bottom: 1px solid #F5F5F5;
    }

    .nickname {
      .input {
        width: 100%;

      }

      input {
        height: 80rpx;
      }
    }

    .edit-box {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 30rpx;
      padding: 22rpx 0;

      .left {
        display: flex;
        align-items: center;
        flex: 1;

        .head {
          color: rgba(0, 0, 0, 0.9);
          white-space: nowrap;
          margin-right: 60rpx;
        }

        button {
          flex: 1;
          display: flex;
          align-items: center;
        }
      }

      image {
        width: 80rpx;
        height: 80rpx;
        border-radius: 8rpx;
        color: #d61717;
      }
    }

    .icon-xiangyou {
      color: #cfcfcf;
    }
  }

  .bottom {
    display: flex;
    align-items: center;
    justify-content: center;

    .save {
      border: 1px solid #F5F5F5;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 368rpx;
      height: 80rpx;
      border-radius: 12rpx;
      margin-top: 52rpx;
      background-color: #F5F5F5;
      color: #ccc;
      font-size: 30rpx;
      font-weight: bold;
    }

    .open {
      border: 1px solid #fff;
      background-color: #34a123;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 368rpx;
      height: 80rpx;
      border-radius: 12rpx;
      margin-top: 52rpx;
      font-size: 30rpx;
      font-weight: bold;
    }
  }
}